<template>
    <div>
        <button class="pink" @click="ithemColor = 'pink'">粉色</button>
        <button class="black" @click="ithemColor = 'black'">黑色</button>
    </div>
</template>
<script setup lang="ts">
import { inject } from 'vue'

const ithemColor = inject("ithemColor")
</script>
<style scoped lang="scss">
div {
    display: flex;
    justify-content: space-around;

    button {
        padding: 10px;
        border-radius: 5px;
    }
    .pink {
        border: 1px solid pink;
        background-color: pink;
    }
    .black {
        border: 1px solid black;
        background-color: black;
        color: white;
    }
}
</style>